<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="PaginaInicio.html.xhtml">
	<ui:define name="content">
		<f:loadBundle basename="resources.RecepcionLlamadas" var="var" />
		<rich:panel>
			<f:facet name="header">
				<h:outputText value="#{var.Titulo}" />
			</f:facet>
			<h:form>
				<rich:tabPanel>
					<rich:tab label="#{var.pestaña1}">

						<center>

							<h:panelGrid columns="4">

								<h:outputLabel id="nick" value="#{var.Asterisco}#{var.labelDenunciante}"
									for="txtNick" />
								<h:inputText id="txtNick" value="#{llamadaBean.nickDenunciante}" label="nick" required="true" />
								<h:message id="mjNick" for="txtNick" style="color:red" />
								<h:commandButton value="#{var.botonBuscar}" action="#{llamadaBean.buscarUsuario}" />


							</h:panelGrid>

							<br />

							<h:panelGrid columns="4" border="1">

								<h:outputLabel value="#{var.nombreDenunciante}#{llamadaBean.usuario.nombre}" />
								<h:outputLabel value="#{var.correoDenunciante}#{llamadaBean.usuario.correo}" />
								<h:outputLabel value="#{var.estadoDenunciante}#{llamadaBean.usuario.estado}" />

							</h:panelGrid>

							<br />
							<h:panelGrid columns="2" border="5">

								<h:outputLabel id="categoria"
									value="#{var.Asterisco}#{var.labelCategoriaDenuncia}" />
								<h:selectOneMenu value="#{llamadaBean.categoriaSeleccionada}" onchange="this.form.submit()">

									<f:selectItems value="#{llamadaBean.categorias}" />

								</h:selectOneMenu>
							</h:panelGrid>
							<br />
							<rich:panel>
								<f:facet name="header">

									<h:outputText value="#{var.tituloPanelTabla}" />

								</f:facet>

								<rich:dataTable value="#{llamadaBean.usuarioXCategoria}" var="usuario">

									<rich:column>
										<f:facet name="header">
											<h:outputText value="#{var.nick}" />
										</f:facet>
										
										<h:outputLabel value="#{usuario.nickUser}"/>

									</rich:column>

									<rich:column>
										<f:facet name="header">
											<h:outputText value="#{var.nombreDenunciante}" />
										</f:facet>
										
										<h:outputLabel value="#{usuario.nombre}"/>

									</rich:column>

									<rich:column>
										<f:facet name="header">
											<h:outputText value="#{var.asignar}" />
										</f:facet>

										<h:commandLink value="#{var.linkAsignar}" action="#{llamadaBean.asignarUsuario(usuario.nickUser)}"/> 

									</rich:column>

								</rich:dataTable>
								
								<br />
								
								<h:outputText value="#{llamadaBean.mensajeAsignacion}"/>

							</rich:panel>
						</center>


					</rich:tab>

				</rich:tabPanel>
			</h:form>
		</rich:panel>


	</ui:define>
	<ui:define name="footer">



	</ui:define>
</ui:composition>
</html>